17 Shocking CSS Slideshow Images Compilation

1. ZoomFlow - Banner Rotator / Teaser

featured image

slideshow mode – display images in a slideshow

More Details

2. WOW Slider

WOW Slider

WOW Slider is a fantastic responsive image slider with

killer animations and tons of professionally made templates. NO Coding - WOW Slider is packed with a drag-n-drop wizard to create beautiful slideshows in a matter of seconds without coding and image editing. Wordpress plugin and Joomla module are available.

Also, you can share your slider on Facebook.

More Details

3. Auto Grid Responsive Gallery

featured image

This is a plugin that scans a folder in your server and its subfolders containing images. The subfolders will be the categories that will appear at the top, and the plugin will make a grid responsive gallery with the images. Put the plugin in your page once and then no more coding, you only need to take care of organizing your images in folders and if you want adding thumbnails. Scans a folder in your server and its subfolders containing images

Support thumbnails for the grid only to the images you want to improve performance

Accept Images of any dimensions

Lightbox with slideshow (play, pause, auto-play)

Order the images By Name, By Date or Randomly

Specify the number of images to load on every ajax request so you don’t have all of them at first when the page loads

Change some CSS class so its more difficult that other stylesheets

Also IE was showing fat images in the lightbox and now is fix

the images will be load in order as well

css)

Fixed a small bug when you click the load more images button

Fixed some behavior with the tabs when the gallery load more images.The images now are sort by alphabetical order.WHAT it does: when you scroll at the bottom of the gallery it load more images automatically, you can see a demo here: http://gmdae. The images on the live preview were made by my friend named “Gema Ramirez” and you may contact her here:

More Details

4. Horizontal Gridfolio Pro

featured image

Horizontal Gridfolio Pro features a large variety of options, it can have any number of categories and each category can have any number of images. The lightbox can display images, iframe (html pages) and videos loaded from YouTube or Vimeo. Horizontal Gridfolio Pro can be used in any type of HTML page including Wordpress, at this link there is a demo page running in Wordpress (Please note that this is NOT a Wordpress plugin!, the grid must be installed manually with image slideshow code and the images uploaded with a ftp client, we have inclulded a tutorial about how to install it in Wordpress. Support for any number of categories and each category can have any number of images, if it has only one category the categories selector is disabled/not visible.Thumbnail’s description or thumbnail’s media icons: each thumb can have a short description with a transparent background under it or a media icon which represents a link, iframe, video or image, this are visible when the mouse is over a thumbnail, the text can be formatted with CSS, the jQuery CSS background color and opacity also can be modified (optional). The lightbox can display images, iframe (html pages) or videos loaded from YouTube or Vimeo.Zoom and panning support for images: The images can be zoomed in and out or paned, this way you can see the image in great detail (optional).Slideshow button (optional). Slideshow autoplay.Slideshow delay: The slideshow delay can be set in seconds.Slideshow custom animated graphics.Info button and info window: Each lighbox item can have a description, the text and window appearance can be formatted with CSS (optional).

More Details

5. jQuery Fullscreen Scroll Gallery

featured image

A jQuery slider demo help you to display fullscreen images with auto delay switch slideshow support. Auto delay slideshow.

More Details

6. Royal 3D Carousel

featured image

Support for images and HTML content.

More Details

7. Strapslide - Responsive Bootstrap Slider Plugin

featured image

Strapslide is the ultimate premium Bootstrap Slider Plugin offering the capability to show images, videos, html markup and captions paired with simple, modern and fancy 3D transitions.Powerful CSS Transitions with jQuery FallBack

Slideshow Design

More Details

8. jQuery Content Scroller DZS

featured image

developer / css powered skins – the CSS lightbox gallery is divided into two parts – functional and estethic so it’s very easy to make your own skin

developer / SASS powered – this component’s CSS has been built on top of SASS which means SASS users will have an easy time modifying the skins. For non-SASS users it’s no problem either because CSS files ( generated by SASS ) are provided

added slideshow mode

added needs-loading option for items that need the first image loaded before showing the slide ( can cause height calculation issues if not set for big images )

More Details

9. Ultimate Grid Responsive Gallery

featured image

This is a HTML | CSS | JQuery Grid with a Lightbox, you can specify thumbnails for the grid and when you click on it to open the lightbox it will load the normal image, you can specify the text for the captions and for the lightbox. Also you don’t have to load all the images at once (for performance purposes) so you can specify the number of images to load when it first load and the number of images to load when you click the “load more images” button. When you have categories, and if you select a category through the navigation bar, the plugin will look and find if there still more images from that category to load and if there is more images to load it will show the “load more images” button, then when you click on it it will load more images only from that category (according to the “imagesToLoad” option). Support images of any dimensions and it will keep the right proportions

Set the number of images to load at start and when you click the “load more images” button

Support thumbnails for the grid only to the images you want to improve performance

Lightbox with slideshow (play, pause, auto-play)

IE was showing fat images in the lightbox and now is fix

The images on the live preview were made by my friend named “Gema Ramirez” and you may contact her here:

More Details

10. Responsive Gridfolio

featured image

The gallery can have any number of images and each image can be of any size, but proportional to a base thumb width and height. The lightbox can display images, or can display videos loaded from YouTube or Vimeo. Responsive / Flexible / Fluid layout: you can control the size of the grid with CSS or JavaScript, basically it has an adaptable layout which makes it the perfect candidate for any type of project. Support for any number of images and each image can be of any size, but proportional to a base thumb width and height

Thumbnail’s description or thumbnails media icons: each thumb can have a short description with a transparent background under it or a media icon which represents a link, video or image, this are visible when the mouse is over a thumbnail, the text can be formatted with CSS, the CSS jQuery background color and opacity also can be modified (optional). The lightbox can display images, or can display videos loaded from YouTube or Vimeo. Zoom and panning support for images: you can zoom in and out an image and you can pan the image, in this way you can see the image in great detail (optional). Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics. Info button and info window: each lighbox item can have a description, the text and window appearance can be formatted with CSS (optional).

More Details

11. Ultimate Smart Slider - Responsive

featured image

STOP CODING YOUR IMAGES! This is a plugin that automatically generates a slider from a folder of images, taking the name of the images as captions. You can change the order of the images, and also select which ones will show the caption.Added a option to disabled the right click on the images, you can pass it like this to the JS function:

Stop coding your images

40 Transition Effects for the images

Customizable through CSS

Support any HTML in the name of the images (for captions)

More Details

12. Nova Gallery - Responsive HTML5 Multimedia Gallery

featured image

The gallery also features touch-screen support and uses hardware accelerated CSS based animations wherever possible which results in smooth animations, that is especially noticeable in mobile devices. The Thumbnail Grid mode features a Masonry layout and you can control the spacing between items by applying margins through css,

You can also have a slideshow of the items in the Full-width mode. This slideshow stops whenever the browser tab in which the gallery is displayed, goes out of focus (this feature only works in browsers that supports the HTML5 Page Visibility Api). Hardware accelerated CSS animations have been used wherever possible resulting in smooth animations, which is most noticeable in mobile devices. You also have the option of choosing how many photos will be shown, how they will be ordered and also the sizes of the images that are pulled from Flickr. You also have the option of choosing how many photos will be shown, how they will be ordered and also the sizes of the images that are puled from Picasa. Shrink images in Full-width mode to fit the container when the gallery first loads. The gallery supports preloading of images in Full-width mode for smoother viewing. You can start the slideshow in Full-width mode when the gallery first loads. The time interval for which a particular item is visible during slideshow can be set.Suitable jQuery based fallbacks have been provided for all CSS based animated effects for older browsers. Fixed the resizing of images in the overlay when the browser was in landscape mode. Fixed a bug where the inclusion of images in the item captions interfered with the thumbnail grid layout. Modified the code to account for escaping of characters in the cached xml file (when pulling images from Flickr/Picasa) if magic quotes in the server were turned on.

More Details

13. Builder for Lush Content Slider

featured image

Predefined elements (images, links, etc)

More Details

14. bgStretcher jQuery Background Resizer & Slideshow

featured image

bgStretcher (Background Stretcher) is a jQuery slider bar for stretching one or more images proportionally across an entire page or element. When multiple images are supplied, bgStretcher displays them in a configurable slideshow with advanced options. The plugin allows you to add a large image (or a set of images) to the background of your web page and will proportionally resize the image(s) to fill the entire window area. The plugin will work as a slideshow if multiple images are used. Additionally, the resizing of the images can be optionally animated when the container is resized.Proportionally Resizes Background Images

Support Single or Multiple Images

Advanced Slideshow Features

More Details

15. jSprouts

featured image

Any content type: images, HTML, flash, video, maps

Thanks to more than 20 options, this slider is highly customizable and easily skinnable with CSS.1 new feature (auto play/slideshow)

More Details

16. Responsive Slideshow Photo Gallery Grid

featured image

The Responsive Slideshow Photo Gallery has a fluid / flexible / responsive layout. The Responsive Slideshow Photo Gallery is using the GPU (hardware acceleration) using HTML5 standards. Flexible / Fluid layout: you can control the size of the grid with CSS or JavaScript, basically it has an adaptable layout which makes it the perfect candidate for any type of project. Thumbnail’s description: each thumb can have a short description with a transparent background under it and this description is visible when the mouse is over a thumbnail, the text can be formatted with CSS, the CSS transition background color and opacity also can be modified (optional). The lightbox can display images, or can display videos loaded from YouTube or Vimeo. Zoom and panning support for images: you can zoom in and out an image and you can pan the image, in this way you can see the image in great detail (optional). Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics. Info button and info window: each lighbox item can have a description, the text and window appearance can be formatted with CSS (optional).

More Details

17. Showbiz Pro Responsive Teaser JQuery Plugin

featured image

) via CSS or HTML or jQuery slider plugin option which gives you Unlimited Layout Possibilites. Put the JS and CSS links in the head/footer of your HTML site and build an unsorted list of items and insert your HTML. The images seen in the preview are licensed from fotolia and are NOT included in the download. The download of this template contains placeholder images with dimension labels. Light Weight jQuery and CSS

Customizable 100% via Plugin Parameters / CSS / HTML

Leight Weight jQuery and CSS

More Details

18. Lush - Content Slider

featured image

The animation system is completely extensible allowing to add more animations and transitions easily just like adding new CSS classes. CSS/PSD skineable

4 different shadow images included

Editable styles with lightbox pure CSS or LESS

Navigation control’s skin based on images

More Details